<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.0.min.css" />
		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
		<link rel="stylesheet" type="text/css" href="css/swiperCSS.css" />
	</head>

	<body>
		<!--头部-->
		<div id="head">
			<div id="logo1a">
				<a href=""><img id="logo1" src="img/q7TGsAAAAASUVORK5CYII=.png" />
					<p>中露联</p>
				</a>
			</div>
			<ul id="daohang">
				<li>
					<a href="">中露联</a>
				</li>
				<li>
					<a href="">公司介绍</a>
				</li>
				<li>
					<a href="">业务范围</a>
				</li>
				<li>
					<a href="">设计团队</a>
				</li>
				<li>
					<a href="">活动案例</a>
				</li>
				<li>
					<a href="">合作伙伴</a>
				</li>
			</ul>
			<img id="headimg1" src="img/banner1.jpg" />
			<img id="headimg2" src="img/banner3.jpg" />
		</div>
		<img id="wenzi" src="img/QQ20161207-0.png" />
		<!--业务-->
		<div id="yewuwrap">
			<div id="yewu"><img id="yewulogo" src="img/QQ20161207-1.png" />
				<div class="box1">
					<img class="box1img" src="img/travel.png" />
					<div id="box1a" class="smallbox">
						<img src="img/bg-item-2x.png" /><img id="box1asmall" src="img/游艇.png" /></div>
					<div id="box1b" class="smallbox">
						<img src="img/bg-item-2x.png" /><img id="box1bsmall" src="img/房车.png" /></div>
					<div id="box1c" class="smallbox">
						<img src="img/bg-item-2x.png" /><img id="box1csmall" src="img/飞机.png" /></div>
				</div>
				<div class="box1">
					<img class="box1img" src="img/stay.png" />
					<div id="box2a" class="smallbox">
						<img src="img/bg-item-2x.png" /><img id="box2asmall" src="img/房.png" />
					</div>
					<div id="box2b" class="smallbox">
						<img src="img/bg-item-2x.png" /><img id="box2bsmall" src="img/集装箱.png" />
					</div>
					<div id="box2c" class="smallbox">
						<img src="img/bg-item-2x.png" /> <img id="box2csmall" src="img/阳光房.png" />
					</div>
					<div id="box2d" class="smallbox">
						<img src="img/bg-item-2x.png" /> <img id="box2dsmall" src="img/帐篷.png" />
					</div>
				</div>
				<div class="box1">
					<img class="box1img" src="img/beer.png" />
					<div id="box3a" class="smallbox">
						<img src="img/bg-item-2x.png" /><img id="box3asmall" src="img/啤酒.png" />
					</div>
				</div>
				<div class="box1">
					<img class="box1img" src="img/play.png" />
					<div id="box4a" class="smallbox">
						<img src="img/bg-item-2x.png" /><img id="box4asmall" src="img/户外酷玩.png" />
					</div>
					<div id="box4b" class="smallbox">
						<img src="img/bg-item-2x.png" /><img id="box4bsmall" src="img/VR.png" />
					</div>
				</div>
				<div class="box1">
					<img class="box1img" src="img/sun.png" />
					<div id="box5a" class="smallbox">
						<img src="img/bg-item-2x.png" /><img id="box5asmall" src="img/太阳.png" />
					</div>
				</div>
				<div id="yewufoot">
					<p>旅行工具</p>
					<p>住宿</p>
					<p>啤酒</p>
					<p>娱乐</p>
					<p>太阳能</p>
				</div>
			</div>
		</div>
		<!--设计团队-->
		<div id="shejiwrap">
			<img id="shejilogo" src="img/QQ20161207-2.png" />
			<!---->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="img/wanghui.jpg" /></div>
					<div class="swiper-slide"><img src="img/lifeng.jpg" /></div>
					<div class="swiper-slide"><img src="img/huangbeili.jpg" /></div>
					<div class="swiper-slide"><img src="img/xianghong.jpg" /></div>
					<div class="swiper-slide"><img src="img/zongchen.jpg" /></div>
				</div>
			</div>
			<!---->
		</div>
		<!--轮播图-->
		<div id="lunbotu">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="img/active1.jpg" /></div>
					<div class="swiper-slide"><img src="img/active2.jpg" /></div>
					<div class="swiper-slide"><img src="img/active3.jpg" /></div>
					<div class="swiper-slide"><img src="img/active4.jpg" /></div>
					<div class="swiper-slide"><img src="img/active5.jpg " /></div>
				</div>
				<!-- 如果需要导航按钮  -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
			</div>
		</div>
		<!--合作伙伴-->
		<div id="hezuowrap">
			<img id="hezuologo" src="img/QQ20161207-3.png" />
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="img/card1.png" /><img src="img/card2.png" />
						<img src="img/card3.png" /><img src="img/card4.png" /></div>
					<div class="swiper-slide"><img src="img/card5.png" /> <img src="img/card6.png" />
						<img src="img/card7.png" /><img src="img/card8.png" /></div>
					<div class="swiper-slide"><img src="img/card9.png" /><img src="img/card10.png" />
						<img src="img/card11.png" /><img src="img/card12.png" /></div>
					<div class="swiper-slide"><img src="img/card13.png" /><img src="img/card14.png" />
						<img src="img/card15.png" /><img src="img/card16.png" /></div>
					<div class="swiper-slide"><img src="img/card17.png" /> <img src="img/card18.png" />
						<img src="img/card5.png" /><img src="img/card19.png" /></div>
					<div class="swiper-slide"><img src="img/card20.png" /><img src="img/card21.png" />
						<img src="img/card22.png" /><img src="img/card23.png" /></div>
					<div class="swiper-slide"><img src="img/card24.png" /><img src="img/card25.png" />
						<img src="img/card26.png" /><img src="img/card27.png" /></div>

				</div>
				<!-- 如果需要导航按钮  -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
			</div>
		</div>
<!--foot-->
<div id="foot">
	<div id="footwrap">
		<div id="aboutgs">
			<h4>关于公司</h4>
			<h5>公司名称：中露联（北京）旅游开发有限公司</h5>
			<h5>公司地址：北京市大兴区景园北街2号楼51-2贵派大厦7层</h5>
			<h5>公司电话：400-990-8585  / 010-64199380</h5>
			<h5>公司邮箱：postmaster@irv-tour.com</h5>
			<br />
			<h5>京ICP备16035328号-1<img src="img/pic.gif" /> </h5>
		</div>
		<div id="paizhao">
			<h4>营业执照</h4>
			<h4 style="width: 400px;">品牌授权</h4>
			<div class="paizhaoa">
				<img class="paiimg1" src="img/zhizhao.png"/>
				<img class="paiimg2" src="img/zhaizhao2.png"/>
			</div>
			<div class="paizhaoa">
				<img class="paiimg1" style="margin-left: 85px;" src="img/nantong.png"/>
				<img class="paiimg2" style="margin-left: 0px;" src="img/nantong.png"/>
			</div>
			<div class="paizhaoa">
				<img class="paiimg1" style="margin-left: 45px;" src="img/D-box2.png"/>
			    <img class="paiimg2" style="margin-left: -45px;" src="img/D-box.png"/>
			</div>
		</div>
	</div>
</div>
		<script src="jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="swiper-3.4.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="swiperJS.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				var headimg1 = document.getElementById("headimg1");
				var headimg2 = document.getElementById("headimg2");
				//头部轮播
				var index1 = 0;
				setInterval(function() {
						if(index1 == 0) {
							$(headimg1).animate({
								"opacity": "0"
							}, 700);
							$(headimg2).animate({
								"opacity": "1"
							}, 700);
							index1++;
						} else {
							$(headimg1).animate({
								"opacity": "1"
							}, 700);
							$(headimg2).animate({
								"opacity": "0"
							}, 700);
							index1--;
						}

					}, 3000)
					//小图片隐藏和显现
				var box1imgs = document.querySelectorAll(".box1img");
				var box1s = document.querySelectorAll(".box1");
				for(i = 0; i < box1imgs.length; i++) {
					//进入
					box1imgs[i].onmouseenter = function() {
						var a = this.parentElement.getElementsByTagName("div");
						for(i = 0; i < a.length; i++) {
							$(a[i]).fadeIn(500);
						}
					};
					//移出
					box1s[i].onmouseleave = function() {
						var a = this.getElementsByTagName("div");
						for(i = 0; i < a.length; i++) {
							$(a[i]).fadeOut(500);
						}
					};
				}
//轮播图小箭头
  $("#lunbotu").on({
  	"mouseenter":function(){
       $(this).children().children().eq(1).css("background-color","whitesmoke").css("opacity",0.7);
		$(this).children().children().eq(2).css("background-color","whitesmoke").css("opacity",0.7);
  	},
  	"mouseleave":function(){
//		 $(this).children().children().eq(1).css("background-color","");
  $(this).find("div.swiper-button-prev").css("background-color","");
  $(this).find("div.swiper-button-next").css("background-color","");
//		$(this).children().children().eq(2).css("background-color","");
  	}
  })
//营业执照效果
			var paiimg1=document.querySelectorAll(".paiimg1");
			for(i=0;i<paiimg1.length;i++){
				paiimg1[i].onmouseenter=function(){
//					this.parentNode.getElementsByTagName("img")[1].style.display="block";
 			$(this).parent().children("img").eq(1).css("display","block");
				};
				paiimg1[i].onmouseleave=function(){
					this.parentNode.getElementsByTagName("img")[1].style.display="none";
				};
			}
				//底
			})
		</script>
	</body>

</html>